<template>
  <div>
    <van-nav-bar
  title="院线电影"
  left-text="返回"
  right-text="北京"
  left-arrow
  @click-left="onClickLeft"
  @click-right="onClickRight"
/>
<van-tabs v-model="activeName">
  <van-tab title="正在热映" name="a"><hot></hot></van-tab>
  <van-tab title="即将上映" name="b"><coming></coming></van-tab>
  <van-tab title="6月观影指南" name="c"><six></six></van-tab>
</van-tabs>
<!-- <router-view></router-view> -->
  </div>

</template>

<script>
import { Toast } from 'vant'
import hot from '../more/hotMovie.vue'
import coming from '../more/comingSoon.vue'
import six from '../more/sixMonth.vue'

export default {
  components: { hot, coming, six },
  data () {
    return {
      activeName: 'a'
    }
  },
  methods: {
    onClickLeft () {
      this.$router.push('/book')
    },
    onClickRight () {
      Toast('选择城市')
    }
  }
}
</script>

<style scoped>
.van-nav-bar{
  position: fixed;
  width: 100%;
}
.van-tabs{
  position: fixed;
  top: 90px;;
  width: 100%;

}
</style>
